import React from 'react';
import { Settings } from 'lucide-react';
import { useSettings } from '@/contexts/setting';

/**
 * 设置按钮组件
 * 用于在导航栏中显示设置按钮
 */
const SettingButton: React.FC = () => {
  const { openSettings } = useSettings();

  return (
    <button
      onClick={openSettings}
      className="w-11 h-11 flex items-center justify-center rounded-md hover:bg-accent transition-colors"
      aria-label="系统设置"
    >
      <Settings className="h-5 w-5 text-foreground" />
    </button>
  );
};

export default SettingButton;
